<%-- 
    Document   : vistaAnual
    Created on : 03/09/2012, 04:28:01 PM
    Author     : Christian Alexander Morales Vargas (cmorales.corporacion@gmail.com)
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c" %>
<!DOCTYPE html>
<html>
   <head>
    <title>Vista Anual de Dias Planificados </title>	
	<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery/jquery-1.7.2.js"></script>
	<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery/jquery.ui.core.js"></script>
	<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery/datePicker/jquery.ui.datepicker_vistaAnual.js"></script>
  
	<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery/datePicker/jquery.ui.datepicker-es.js"></script>
	
	<!-- loads mdp -->
	<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery/datePicker/jquery-ui.multidatespicker.js"></script>
	
	<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/jquery/datePicker/mdp.css">
	<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/jquery/datePicker/prettify.css">
	<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery/datePicker/prettify.js"></script>
	<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery/datePicker/lang-css.js"></script>

</head>
<body>

<form>	
<!--<table border="1" width="100%">
    <tr>
        <td align="center">
            <span style="font-size: 1.5em; color: #453821;"><c:out value='${anioActual}'/></span>
        </td>
    </tr>
</table>-->
    <div id="full-year" class="box ">
        <table border="1" width="748px">
            <tr>
                <td align="center">
                    <span style="font-size: 1.5em; color: #453821;"><c:out value='${anioActual}'/></span>
                </td>
            </tr>
        </table>
    </div>
</form>

<script>
var valor3;
$(document).ready(function(){
	var today = new Date();
	var y = today.getFullYear();
	var valor1 = '15/10/'+y +',01/05/'+y + ',16/11/'+y +',24/12/'+y  +',31/12/'+y;
	var valor2 =   '18/10/'+y;
	fechas(y);
	$('#full-year').multiDatesPicker({
		//addDates: ['14/10/'+y, '14/01/'+y, '16/11/'+y, '24/12/'+y , '31/12/'+y],
		//addDates:  valor1.split(','),
		//addDates:  valor2,
		addDates:  valor3.split(','),
		numberOfMonths: [3,4],
                anioStart: <c:out value='${anioActual}'/>,
		showCurrentAtPos: today.getMonth()
	});
});

function fechas(anio){
//valor3 = '15/10/2012' + ',01/05/'+anio + ',16/11/'+anio + ',24/12/'+anio  + ',30/12/'+anio;
valor3 = "<c:out value='${fechasVistaAnual}'/>";
//var $this = $(this);
//alert($this.datepicker('option', 'altField'));
//var x=new Date();
//x.setFullYear(2013,0,01);

}
</script>

</body>
</html>
